<template>
  <div>
    <view class="wrap">
    <image :src="src"></image>
    <icon class="" type="clear" size="23" color="red" ></icon>
  </view>
</div>
</template>

<script>
export default {
  props:['src'],
  data() {
    return {}
  },
}
</script>
<style lang='less' scoped>
.wrap {
  width: 90rpx;
  height: 90rpx;
  position: relative;
}

.wrap image {
  width: 100%;
  height: 100%;
  border-radius: 15rpx;
}

.wrap icon {
  position: absolute;
  left: 100%;
  top: -22rpx;
  transform: translate(-50%);
}
</style>
 